$c909399: #909399;
$c333333: #333333;

.otherStyle {
  .el-row {
    margin-bottom: 15px;

    &:first-child {
      padding-top: 15px;
    }
  }
}

// 抽屉滚动样式 el-drawer加上class="drawerScroll"
// 内容盒子加class="drawerContent"
.drawerScroll {
  /*1.显示滚动条：当内容超出容器的时候，可以拖动：*/
  .el-drawer__body {
    overflow: auto;
  }

  /*2.隐藏滚动条，太丑了*/
  .el-drawer__container ::-webkit-scrollbar {
    display: none;
  }
}

.drawerScroll {
  .addUer_title {
    position: fixed;
    top: 0;
    right: 0;
    width: 30%;
    background-color: #fff;
    box-shadow: none !important;
    z-index: 99;
  }

  .drawerContent {
    padding-bottom: 60px;
    padding-top: 60px;
  }
}

// 按钮样式
.el-button {
  &.btnSizeStyle {
    height: 34px;
    // line-height: 34px;
    line-height: normal;
    padding: 0 15px;
  }
}

// 省市区选择框样式
// .el-cascader-menu__wrap {
//   height: 300px;
// }

// .scorllFixed.el-tabs {
//   .el-tabs__nav-scroll {
//     padding-left: 15px;
//     background-color: #fff;
//   }
// }
// 设备所在辖区样式
// .tree-box {
//   width: 200px;
//   float: left;
//   padding-top: 10px;
//   padding-left: 15px;
//   box-sizing: border-box;

//   >span {
//     font-size: 12px;
//     color: $c909399;
//   }

//   .el-tree {
//     font-size: 12px;
//     color: $c333333;
//     margin-left: -6px;

//     .usersNumber2 {
//       display: flex;
//       width: 135px;
//       cursor: pointer;
//       overflow: hidden;
//       -webkit-line-clamp: 1;
//       text-overflow: ellipsis;
//       display: -webkit-box;
//       -webkit-box-orient: vertical;
//       white-space: nowrap;
//       position: relative;
//     }

//     .usersNumber2:after {
//       content: '...';
//       text-align: right;
//       position: absolute;
//       bottom: 0;
//       right: 0;
//       width: 10%;
//       height: 1.8em;
//       background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 50%);
//     }
//   }
// }
// 设备所在辖区样式
.tree-box {
  width: 200px;
  float: none;
  position: fixed;
  height: 100%;
  padding: 0 0 93px 15px;
  box-sizing: border-box;
  border-right: 1px solid #eaeaea;
  background-color: #fff;

  &.moreLine {
    padding: 0 0 133px 15px;
  }

  > div {
    height: 100%;
    box-sizing: border-box;
    overflow-y: auto;

    > span {
      font-size: 12px;
      color: $c909399;
      padding: 15px 0 10px;
      display: inline-block;
    }

    .el-tree {
      font-size: 12px;
      color: $c333333;
      margin-left: -6px;

      .usersNumber2 {
        display: flex;
        width: 135px;
        cursor: pointer;
        overflow: hidden;
        -webkit-line-clamp: 1;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        white-space: nowrap;
        position: relative;
      }

      .usersNumber2:after {
        content: '...';
        text-align: right;
        position: absolute;
        bottom: 0;
        right: 0;
        width: 10%;
        height: 1.8em;
        background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 50%);
      }
    }

    .tree_box {
      margin-top: 0;
    }
  }
}

.h-100 {
  min-height: 100%;
}

.clearfix:after {
  /*伪元素是行内元素 正常浏览器清除浮动方法*/
  content: '';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {
  *zoom: 1;
  /*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/
}

.scorllFixed {
  &.el-tabs {
    .el-tabs__nav-scroll {
      width: 100%;
      position: fixed;
      z-index: 200;
      background-color: #fff;
      padding-left: 15px;
    }

    .el-tabs__nav-scroll::after {
      content: '';
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      height: 2px;
      background-color: #e4e7ed;
      z-index: 1;
    }
  }
}

// tab栏 type=card 的样式
.noScorllFixed {
  &.el-tabs {
    .el-tabs__nav-scroll {
      width: auto;
      position: static;
      z-index: 100;
      background-color: transparent;
      padding-left: 0;
    }

    .el-tabs__nav-scroll::after {
      content: '';
      position: static;
      left: 0;
      bottom: 0;
      width: 100%;
      height: 2px;
      background-color: #e4e7ed;
      z-index: 1;
    }
  }
}

// 面包屑导航
.el-breadcrumb {
  &.pAll {
    border-bottom: 1px solid rgba(229, 229, 229, 1);

    .el-breadcrumb__inner {
      font-weight: 500;
      font-size: 18px;

      span {
        font-weight: 500;
        font-size: 18px;
      }

      &:first-child {
        span {
          &:hover {
            color: #409eff;
            cursor: pointer;
          }
        }
      }
    }
  }
}

// .el-breadcrumb__inner a:hover,
// .el-breadcrumb__inner.is-link:hover {
//   color: #409EFF;
//   cursor: pointer;
// }

// color: rgb(25, 137, 250);
// font-size: 18px;
// font-weight: 400;

.search_icon {
  .el-input__prefix {
    height: auto;
    transform: translateY(-50%);
    top: 50%;
  }
}
// 弹窗关闭标识样式
.el-dialog__headerbtn .el-dialog__close {
  font-size: 16px;
}
// 每个table-row 的高度
.el-table__header tr,
.el-table__header th {
  padding: 0;
  height: 40px;
}
.el-table__body tr,
.el-table__body td {
  padding: 0;
  height: 40px;
}
// 禁止选中文本
.no_select {
  -moz-user-select: none; /*火狐*/
  -webkit-user-select: none; /*webkit浏览器*/
  -ms-user-select: none; /*IE10*/
  -khtml-user-select: none; /*早期浏览器*/
  user-select: none;
}

// table中展示图片样式
.table_cell_image {
  width: 50px;
  height: 28px;
  margin-top: 3px;
  // position: absolute;
  // top: 50%;
  // transform: translateY(-50%);
}

// 详情页样式
.dialogText {
  .p_15 {
    padding-top: 15px;
  }
  font-size: 14px;
  color: #333;
  .star {
    color: #f56c6c;
  }
  .lineHight .el-row {
    line-height: 40px;
    span {
      // 影响多(单)选框文字样式（用户授权详情页）
      // &:not(.el-tag) {
      //   color: #333;
      // }
      &.contentFont {
        display: inline-block;
        width: 103px;
        color: #7a7a7a;
        text-align: right;
      }
    }
  }
}

// 表格 heard sortable样式
// .table_header_sort {
//   .cell {
//     height: 27px;
//   }
// }
// 表格 heard sortable样式
.el-table th.is-sortable {
  .cell {
    height: 27px;
  }
}
// 详情页-地址超长样式
.rowRelative {
  position: relative;
  span {
    &:first-child {
      position: absolute;
    }
    &:last-child {
      margin-left: 103px;
      display: block;
    }
  }
}

// 导出按钮样式
.export {
  &.el-link {
    line-height: 34px;
    height: 34px;
    border-radius: 4px;
    background-color: #409eff;
    border-color: #409eff;
    padding: 0 15px;
  }
  &.el-link.el-link--primary {
    color: #fff;
  }
  &.el-link.el-link--primary:hover {
    background: #66b1ff;
    border-color: #66b1ff;
    color: #fff;
  }
}
